<html>

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>第一个JSP程序</title>
    <style>

    </style>
    <script type="text/javascript" src="../jquery-1.8.3.js"></script>
    <script type="text/javascript">
        $(function() {
            //不是太完善 有点小bug
            var index = 1;
            loadData();
            $(window).scroll(function() {
                var pa = $(this).scrollTop() + 130>=$(document).height()-$(this).height();
                if(index>10) {
                    $("body").append("加载完成");
                    $(this).off("scroll");
                }
                if(pa) {
                    loadData();
                }
            });
            function loadData(){
                index++;
                $.get("05_con.html",function(data) {
                    $("#content").append(data);
                },"html");
            }
        });
    </script>
</head>

<body>
    <h1>无限滚动加载</h1>
    <div id="content">
    </div>

</body>

</html>
